<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	 <title>我图网-注册</title>
    <meta name="Keywords " content="$SiteKeywords " />
    <meta name="Description " content="$SiteDescription " />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet " type="text/css " href="css/globle.css " />
    <script src='js/jquery-2.0.3.js'></script>
	<style>
	*{box-sizing: border-box}
	input{padding: 0px}
		nav{width: 100%;height:85px;border-bottom: 2px solid  #00a761}
		.nav{width: 1000px;height: 85px;margin: 0 auto}
		.nav img{height:83px }
		main{width: 100%;height: 558px;background: url('images/bg.jpg');color:#757575 ;}
		.box{width: 1000px;margin: 0 auto;height: 558px;}
		.div1{width: 100%;height: 377px;position: relative}
		.div1-fl{display: inline-block;width: 50%;text-align: right;padding-top: 125px;padding-left: 265px}
		.div1-fl p{display: block;width: 165px;text-align: center;font-size: 18px;font-weight: bold;color:#757575 ;}
		.div1-fl p:first-child{height: 165px;background: url('images/login-ico.v1.1.png') -15px -30px;margin-bottom: 50px;}
		.div1-fr{display: inline-block;width:340px;height: 337px;padding-top: 38px;position: absolute;top: 0px;left: 490px}
		.tit{font-size: 18px;height: 45px;width: 100%;}
		.tit div{font-size: 14px;float: right}
		.tit div a{color:#009900 }
		.reg>input{width: 100%;height: 48px;padding-left: 15px;margin-bottom: 8px;}
         .reg p{margin-top: 22px;margin-bottom:30px; font-size: 13px}
         .reg p input{margin-right:8px; }
         .reg button{width: 100%;height:48px;text-align: center;background-color:  #009900;color: white;line-height: 48px;border: 0px}
         .div2{margin-top: 65px;width: 100%;border-top: 1px solid #dcded8;position: relative;text-align: center;}
         .div2 span{width:184px;font-size: 14px;position: absolute;top: -9px;left:365px;z-index: 100;background-color:#e9fbff  }
         .div3{width: 100%;margin-top: 35px;padding-left: 212px;}
         .div3 a{color:#757575;margin-right: 105px;font-size: 13px}
         .div3 a span{display: inline-block;width: 35px;height: 35px;margin-right: 10px;vertical-align:-17px}
         .weixin{background: url('images/login-ico.v1.1.png') -220px -160px}
         .sina{background: url('images/login-ico.v1.1.png') -293px -160px}
         .qiye{background: url('images/login-ico.v1.1.png') -367px -160px}
         .div3 a:hover{color:#009900 }


	</style>
</head>
<body>
	<nav>
		<div class="nav">
			<img src="images/login.jpg" alt="">
		</div>
	</nav>
	<main>
		<div class="box">
			<div class="div1">
				<div class="div1-fl">
					<p></p>
					<p>QQ账号直接登录</p>
				</div>
				<div class="div1-fr">
					<div class="tit">注册用户名<div>已有账号 ? <a href="login.html">马上登录</a></div>
          
				</div>
				<div class="reg">
                    	<input type="text" placeholder="手机号/邮箱">
                    	<input type="password" placeholder="密码">
                    	<input type="password" placeholder="确认密码">
                    	<p><input type="checkbox">同意《注册须知》《版权声明》</p>
                    	<button>立&#x3000;即&#x3000;注&#x3000;册</button>
                    </div>
				</div>
			</div>
			<div class="div2">
				<span>其他账号登录</span>
			</div>
			<div class="div3">
				<a href="#"><span class="weixin"></span>微信账号登录</a>
				<a href="#"><span class="sina"></span>新浪账号登录</a>
				<a href="#"><span class="qiye"></span>企业账号注册</a>
			</div>
		</div>
	</main>
</body>
<script type="text/javascript">

</script>
</html>